<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>登陆界面</title>
	<link rel="stylesheet" href="css/login.css">
</head>

<body>
	<div class="top-container">
		<section>
			<a href="index.html">
				<img src="images/doggy.jpg" alt="doggy" class="doggy">
			</a>
		</section>
	</div>

	<form action="">
		<!--form tag used for user input-->
		<div class="main-container">
			<h1>WELCOME TO BESC</h1>

			<div class="auther-form-body">
				<label for="login_field">用户名</label>
				<input type="text" name="login" id="login_field" class='input-block'
					required>

				<label for="password">
					密码<a href="#" class="label-link">忘记密码？</a>
				</label>
				<input type="password" name="password" id="password" class="input-block"
					required>
				<input type="submit" name="commit" value="登陆" class="btn" id = "btn">

			</div>

			<h2>
				新人请点这里<a href="./register.html">注册</a>
			</h2>
		</div>
	</form>


	<footer>
		<ul class="footer-links">
			<li><a href="#">关于我们</a></li>
			<li><a href="#">意见反馈</a></li>
			<li>★</li>
		</ul>
	</footer>

</body>

</html>